<!doctype html>
<html lang="en">
 <head>
  <meta charset="UTF-8">
  <title>鼠标事件</title>
  <script type="text/javascript">
	//鼠标事件一共7个：
	/**
	click： 单击事件
	dblclick：双击事件
	mousedown：鼠标按下事件
	mouseup：鼠标松开事件
	mouseover：鼠标移入事件
	mouseout： 鼠标移出事件
	mousemove： 鼠标在边界内移动事件
	*/

	function testclick(event){
		var x=event.clientX;
		var y=event.clientY;
		document.getElementById('show').value+=' 我click单击了 x='+x+', y='+y+'.\n';
	}

	function testdlbclick(event){
		var x=event.clientX;
		var y=event.clientY;
		document.getElementById('show').value+=' 我dblclick双击了 x='+x+', y='+y+'.\n';
	}
	function testover(event){
		var x=event.clientX;
		var y=event.clientY;
		document.getElementById('show').value+=' 我mouseover移入了 x='+x+', y='+y+'.\n';
	}
	function testout(event){
		var x=event.clientX;
		var y=event.clientY;
		document.getElementById('show').value+=' 我mouseout移出了 x='+x+', y='+y+'.\n';
	}
	function testmove(event){
		/*var x=event.clientX;
		var y=event.clientY;
		document.getElementById('show').value+=' 我mousemove我在边界内移动了 x='+x+', y='+y+'.\n';*/
	}

  </script>
 </head>
 <body>
	<textarea id="show" style="width:500px;height:900px;" 
	onclick="testclick(event)"
	ondblclick="testdlbclick(event)"
	onmouseover='testover(event)'
	onmouseout='testout(event)'
	onmousemove='testmove(event)'
	></textarea>
 </body>
</html>
